html,body {
	height: 100%;
}

table {
	background-color: rgba(220, 230, 242, 0.5);
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.left-navbar div {
	width: 100%;
	display: block;
}

.main-content {
	float: right;
	width: 80%;
	padding: 14px 14px 14px 7px;
}

.left-navbar {
	float: left;
	width: 20%;
	padding: 14px 7px 14px 14px;
}

.full-width-column {
	float: left;
	width: 100%;
	padding: 14px 14px 14px 14px;
}

.menu-to-right {
	position: absolute;
	float: right;
	right: -30%;
	left: 70%;
	top: 0px;
}

.btn-onhover,tr.inner-btn-onhover button {
	opacity: 0;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 5000;
	font-size: small;
	border: none;
	color: #40587F;
}

.btn-onhover:focus {
	outline: 0px;
}

.btn-onhover:hover,tr.inner-btn-onhover:hover button {
	opacity: 100;
}

.top-navbar {
	width: 100%;
	min-height: 50px;
	z-index: 1000;
}

.page-wrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	padding: 50px 0 0 0;
}

.page-container {
	height: 100%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fafafa;
}

.module {
	width: 100%;
	background-color: rgba(220, 230, 242, 0.2);
	border-radius: 5px;
	padding: 6px;
}

.ep-pick-list {
	width: 100%;
	background-color: #DCE6F2;
	border-radius: 3px;
}

.ep-pick-list td {
	vertical-align: top;
	overflow-y: auto;
}

.ep-pick-list tr:last-child td {
	padding: 5px;
}

.ep-pick-list td .list-group {
	max-height: 333px;
}

.ep-dragover {
	
}

.ep-grados-cursos-curso {
	position: relative;
	width: 100px;
	border-style: solid;
	border-width: 1px;
	margin: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ep-loading {
	border-color: yellow;
	border-style: solid;
	border-width: 1px;
}

.ep-loading-success {
	border-color: green;
	border-style: solid;
	border-width: 1px;
}

.ep-loading-error {
	border-color: red;
	border-style: solid;
	border-width: 1px;
}

.ep-token {
	color: #40587F;
	background-color: #fafafa;
	border: 1px solid #DCE6F2;
	border-radius: 2px;
	padding: 2px;
	height: 24px;
	font-size: 12px;
}

.ep-token button {
	background: none;
	border: 0;
	outline: 0;
}

.notifications {
  position: fixed;
  z-index: 1052;
}

/* Positioning */ 
.notifications.top-right {
  right: 10px;
  top: 25px;
}

.notifications.top-left {
  left: 10px;
  top: 25px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 25px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 25px;
}

.notifications.bottom-center {
  left:50%;
  bottom: 50px;
}

.notifications.center {
  left:50%;
  top: 50%;
}

.notifications.top-center {
  left:50%;
  bottom: 25px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  z-index: 9999;
  margin: 5px 0px;
}